<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<link href="css/checked.min.css" rel="stylesheet">
<link href="css/pushy-buttons.css" rel = "stylesheet">
<link href="css/cloud_bg.css" rel="stylesheet">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
    <style>
        html, body {
            margin: 0;
            padding: 0;
        }

        #clouds {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<div id="clouds" style="background-color: lightskyblue">
    <div class="cloud x1"></div>
    <div class="cloud x3"></div>
    <div class="cloud x3"></div>


	<form name="fm" >
	<div align = "center" style = "font-size:50px;" >请输入人员信息</div>
		<table align = "center" >
			<tr>
				<td width="30%" >编号：</td>
				<td width="70%"><input type="text" name="id" id="id">*</td>
			</tr>
			<tr>
				<td>姓名：</td>
				<td><input type="text" name="name" id="name" >*
                <span class="focus-border"></span>
                </td>
			</tr>
			<tr>
				<td>密码：</td>
				<td><input type="text" name="password" id="password">*</td>
			</tr>
			<tr>
				<td>类型：</td>
				<!-- <td><input type="text" name="kind" id="kind">*(1为管理员，2为学生)</td> -->
				<td>
					<input type = "radio" name = "kind" value = "1" class="checked-boom">老师
					<input type = "radio" name = "kind" value = "0" checked = "checked" class="checked-boom">学生
				</td>
			</tr>
			<tr>
				<td>性别：</td>
				<td><input type="text" name="sex" id="sex">*</td>
			</tr>
			<tr>
				<td>电话：</td>
				<td><input type="text" name="tel" id="tel">*</td>
			</tr>

		</table>
		<br><br><br>
		<div  align = "center">
			<input  type="button" name="btn1" value="提交" onClick="submitCheck()" class = "btn btn--md btn--blue" href = "#">&nbsp;&nbsp;&nbsp;&nbsp;
			<input type = "button" name = "button2" value = "返回" onClick = "back()" class = "btn btn--md btn--blue" href = "#">
		</div>
	</form>
    <div class="cloud x2"></div>
</div>
</body>
</html>
<script>
	function submitCheck(){
		document.fm.method="post";
		document.fm.action="add_student_do.jsp";
		document.fm.submit();
	}
	function back(){
		document.fm.method="post";
		document.fm.action="teacher.jsp";
		document.fm.submit();
	}

    $(window).load(function(){
        $(".col-3 input").val("");
        $(".input-effect input").focusout(function(){
            if($(this).val() != ""){
                $(this).addClass("has-content");
            }else{
                $(this).removeClass("has-content");
            }
        });
    });
</script>